<style>
	body { font-family: Verdana; color: #111; }
	#cont { text-align: center; margin: 100px auto 0 auto; width: 750px; }
	#cont #graph { float: left; width: 350px; margin: 55px 0 0 0; height: 350px; background: url(/default.graph.png) no-repeat 75px 75px; }
	#cont .main { float: right; width: 400px; }
	h1 { font-weight: normal; text-align: left; width: 400px; margin: 0 auto; }
	p { width: 400px; margin: 0.5em auto; font-size: 0.75em; color: #555; text-align: left; line-height: 150%; }

	.timelist { text-align: left; float: left; margin: 1em 0; padding: 0; list-style: none; }
	.timelist li { float: left; width: 100%; margin: 0 0 10px 0; }
	.timelist li b { float: left; font-weight: normal; margin: 12px; color: #555; }
	.timelist li a { float: left; width: 250px; background: #ddd; text-decoration: none; font-size: 1.25em; color: #333; padding: 10px; }
	.timelist li a:hover { background: #555; color: #eee; }
	.timelist li a.active { background: green; color: #fff; }
	.timelist li a.active:hover { opacity: 0.75; }
	.timelist li a.inactive { background: #fff; text-align: right; }
	.timelist li a.inactive:hover { background: #fff; color: #333; cursor: default; }
	.timelist li div { float: left; width: 15px; height: 46px; border-right: 1px solid #fff; }
	.timelist li div.smoke { background: #3366CC; }
	.timelist li div.eat { background: #DC3912; }
	.timelist li div.phone { background: #FF9900; }
	.timelist li div.games { background: #990099; }

	.everyz { font-size: 0.7em; color: #555; margin: 2em 0 0 0; display: block; text-decoration: none; }
	.everyz span { text-decoration: underline; }

	.code { position: absolute; right: 10px; top: 10px; background: #222; padding: 11px; font-size: 10px; color: #888; line-height: 150%; }
	.code a { color: #eee; }
</style>